<template>
    <div class="big">

            <img class="logo_login" src="~@/assets/company.png" alt="" />

    </div>
    <!--    <div class="big">-->
    <!--        <div class="top">-->
    <!--            <div id="main" class="chart-container"></div>-->
    <!--        </div>-->

    <!--        <div class="schoolOrgan">-->
    <!--            <el-tabs type="border-card" style="width: 730px;">-->
    <!--                <el-tab-pane label="学校入驻机构统计">-->
    <!--                    <el-table-->
    <!--                            :data="tableData"-->
    <!--                            style="height: 478px;"-->
    <!--                            max-height="478"-->
    <!--                            :default-sort="{prop: 'organCount', order: 'descending'}"-->
    <!--                    >-->
    <!--                        <el-table-column-->
    <!--                                prop="sort"-->
    <!--                                type="index"-->
    <!--                                label="排名"-->
    <!--                                width="100">-->
    <!--                        </el-table-column>-->
    <!--                        <el-table-column-->
    <!--                                prop="schoolName"-->
    <!--                                label="学校"-->
    <!--                                width="320">-->
    <!--                        </el-table-column>-->
    <!--                        <el-table-column-->
    <!--                                prop="organCount"-->
    <!--                                label="入驻机构数"-->
    <!--                                sortable-->
    <!--                                width="280">-->
    <!--                            <template slot-scope="scope">-->
    <!--                                <el-button @click="handleOrganClick(scope.row)" type="text" size="small">{{scope.row.organCount}}</el-button>-->
    <!--                            </template>-->
    <!--                        </el-table-column>-->
    <!--                    </el-table>-->
    <!--                </el-tab-pane>-->
    <!--                <el-tab-pane label="学校开课数统计">-->
    <!--                    <el-table-->
    <!--                            :data="tableDataCourse"-->
    <!--                            style="height: 478px;"-->
    <!--                            max-height="478"-->
    <!--                            :default-sort="{prop: 'organCount', order: 'descending'}"-->
    <!--                    >-->
    <!--                        <el-table-column-->
    <!--                                prop="sort"-->
    <!--                                type="index"-->
    <!--                                label="排名"-->
    <!--                                width="100">-->
    <!--                        </el-table-column>-->
    <!--                        <el-table-column-->
    <!--                                prop="schoolName"-->
    <!--                                label="学校"-->
    <!--                                width="320">-->
    <!--                        </el-table-column>-->
    <!--                        <el-table-column-->
    <!--                                prop="courseCount"-->
    <!--                                label="开课数"-->
    <!--                                sortable-->
    <!--                                width="280">-->
    <!--                            <template slot-scope="scope">-->
    <!--                                <el-button @click="handleCourseClick(scope.row)" type="text" size="small">{{scope.row.organCount}}</el-button>-->
    <!--                            </template>-->
    <!--                        </el-table-column>-->
    <!--                    </el-table>-->
    <!--                </el-tab-pane>-->
    <!--            </el-tabs>-->
    <!--        </div>-->


    <!--        &lt;!&ndash;学校入驻机构列表&ndash;&gt;-->
    <!--        <el-dialog-->
    <!--                title="学校入驻机构列表"-->
    <!--                :visible.sync="organsVisible"-->
    <!--                width="640px">-->
    <!--            <el-table-->
    <!--                    :data="tableDataOrgans"-->
    <!--                    style="height: 478px;"-->
    <!--                    max-height="478"-->
    <!--            >-->
    <!--                <el-table-column-->
    <!--                        prop="organName"-->
    <!--                        label="机构名称"-->
    <!--                        width="320">-->
    <!--                </el-table-column>-->
    <!--                <el-table-column-->
    <!--                        prop="registDate"-->
    <!--                        label="入驻日期"-->
    <!--                        width="280">-->
    <!--                </el-table-column>-->
    <!--            </el-table>-->
    <!--        </el-dialog>-->

    <!--        &lt;!&ndash;学校入开课列表&ndash;&gt;-->
    <!--        <el-dialog-->
    <!--                title="学校开课列表"-->
    <!--                :visible.sync="courseVisible"-->
    <!--                width="640px">-->
    <!--            <el-table-->
    <!--                    :data="tableDataCourses"-->
    <!--                    style="height: 478px;"-->
    <!--                    max-height="478"-->
    <!--            >-->
    <!--                <el-table-column-->
    <!--                        prop="courseName"-->
    <!--                        label="课程名称"-->
    <!--                        width="320">-->
    <!--                </el-table-column>-->
    <!--                <el-table-column-->
    <!--                        prop="organName"-->
    <!--                        label="所属机构"-->
    <!--                        width="320">-->
    <!--                </el-table-column>-->
    <!--                <el-table-column-->
    <!--                        prop="classRealOpenDate"-->
    <!--                        label="开课日期"-->
    <!--                        width="280">-->
    <!--                </el-table-column>-->
    <!--            </el-table>-->
    <!--        </el-dialog>-->

    <!--        &lt;!&ndash;课程分类下的课程详情列表&ndash;&gt;-->
    <!--        <el-dialog-->
    <!--                title="课程列表模板"-->
    <!--                :visible.sync="coursesVisible"-->
    <!--                width="1300px">-->
    <!--            <el-table-->
    <!--                    :data="tableDataCoursesModel"-->
    <!--                    style="height: 478px;"-->
    <!--                    max-height="478"-->
    <!--            >-->
    <!--                <el-table-column-->
    <!--                        prop="courseName"-->
    <!--                        label="课程名称"-->
    <!--                        width="250">-->
    <!--                </el-table-column>-->
    <!--                <el-table-column-->
    <!--                        prop="organName"-->
    <!--                        label="所属机构"-->
    <!--                        width="250">-->
    <!--                </el-table-column>-->

    <!--                <el-table-column-->
    <!--                        prop="schoolName"-->
    <!--                        label="开课学校"-->
    <!--                        width="250">-->
    <!--                </el-table-column>-->

    <!--                <el-table-column-->
    <!--                        prop="className"-->
    <!--                        label="班级名称"-->
    <!--                        width="150">-->
    <!--                </el-table-column>-->
    <!--                <el-table-column-->
    <!--                        prop="classRoomName"-->
    <!--                        label="教室名称"-->
    <!--                        width="150">-->
    <!--                </el-table-column>-->
    <!--                <el-table-column-->
    <!--                        prop="teacherName"-->
    <!--                        label="老师名称"-->
    <!--                        width="100">-->
    <!--                </el-table-column>-->
    <!--                <el-table-column-->
    <!--                        prop="classRealOpenDate"-->
    <!--                        label="开课日期"-->
    <!--                        width="100">-->
    <!--                </el-table-column>-->
    <!--            </el-table>-->
    <!--        </el-dialog>-->
    <!--    </div>-->
</template>

<script>
    // import {
    //     courseReport
    // } from "@/api/course";
    //
    // import {
    //     getOrganReport
    // } from "@/api/account";
    //
    // import {
    //     getCourseReport
    // } from "@/api/account";
    //
    // import echarts from 'echarts'
    // import service from '@/utils/request'
    //
    // const BASE_URL = 'api-course'
    // require('echarts/theme/macarons') // echarts theme
    // import RaddarChart from "./component/RaddarChart"
    // import stackMap from "./component/stackMap"
    // import Sunburst from "./component/Sunburst"
    // import TodoList from "./component/todoList"
    // import {mapGetters} from "vuex";
    //
    // export default {
    //     name: 'Dashboard',
    //     data() {
    //         return {
    //             tableData: [],
    //             tableDataCourse: [],
    //             tableDataOrgans: [],
    //             tableDataCourses: [],
    //             tableDataCoursesModel: [],
    //             organsVisible: false,
    //             courseVisible: false,
    //             coursesVisible: false
    //         }
    //     },
    //     components: {
    //         RaddarChart, //雷达图
    //         stackMap, //堆叠图
    //         Sunburst, //旭日图
    //         TodoList //TodoList
    //     },
    //     mounted() {
    //         var __this = this;
    //         this.getReportData().then(function (response) {
    //             let datas = response;
    //             let myChart = echarts.init(document.getElementById('main'));
    //             let option = {
    //                 title: {
    //                     text: '课程分类统计',
    //                     left: 'center'
    //                 },
    //                 tooltip: {
    //                     trigger: 'item',
    //                     formatter: '{a} <br/>{b} : {c} ({d}%)'
    //                 },
    //                 legend: {
    //                     orient: 'vertical',
    //                     left: 'left',
    //                     data: datas
    //                 },
    //                 series: [
    //                     {
    //                         name: '课程类型',
    //                         type: 'pie',
    //                         radius: '65%',
    //                         center: ['50%', '50%'],
    //                         selectedMode: 'single',
    //                         data: datas
    //                     }
    //                 ]
    //             };
    //             myChart.setOption(option);
    //             myChart.on('click', function (params) {
    //                 __this.coursesVisible = true;
    //                 service({
    //                     url: `${BASE_URL}/courses/${params.name}/detail/report`,
    //                     method: 'get'
    //                 }).then(function (response) {
    //                     __this.coursesVisible = true;
    //                     let datas = response.data;
    //                     __this.tableDataCoursesModel = datas;
    //                 })
    //             });
    //         })
    //
    //         this.getOrganReport().then(function (response) {
    //
    //         })
    //         this.getCourseReport().then(function (response) {
    //
    //         })
    //     },
    //     computed: {
    //         ...mapGetters("user", ["userInfo", "token"]),
    //     },
    //     methods: {
    //         async getReportData() {
    //             let datas = await courseReport();
    //             return datas.data
    //         },
    //         async getOrganReport() {
    //             let datas = await getOrganReport();
    //             this.tableData = datas.data;
    //             return datas.data
    //         },
    //         async getCourseReport() {
    //             let datas = await getCourseReport();
    //             this.tableDataCourse = datas.data;
    //             return datas.data
    //         },
    //         handleOrganClick(row) {
    //             this.organsVisible = true
    //             this.tableDataOrgans = row.organReportVOS;
    //         },
    //         handleCourseClick(row) {
    //             this.courseVisible = true
    //             this.tableDataCourses = row.courseReportVOS;
    //         }
    //     }
    // }
</script>

<style lang="scss" scoped>
    .big {
        margin: 100px 0 0 0;
        padding-top: 0;
        background-color: rgb(243, 243, 243);

        .schoolOrgan {
            float: left;
            width: 700px;
            height: 550px;
            margin-top: 20px;
            margin-right: 20px;
        }

        .top {
            float: left;
            width: 500px;
            height: 550px;
            margin-top: 20px;
            margin-right: 20px;
            overflow: hidden;

            .chart-container {
                position: relative;
                width: 500px;
                height: 100%;
                padding: 20px;
                background-color: #fff;
            }
        }
    }
    img {
        margin-left: auto;
        margin-right:auto;
        display:block;
    }


</style>
